<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./js/ctx.js"></script>
</head>
<body>
<div id="cesiumContainer">
</div>
<script>
    var initCesium = new InitCesium();
    var viewer = initCesium.initViewer('cesiumContainer');
    var czml = [{
        "id" : "document",
        "name" : "Basic CZML billboard and label",
        "version" : "1.0"
    }, {
        "id" : "some-unique-id",
        "name" : "AGI",
        "description" : "<p><a href='http://www.agi.com' target='_blank'>Analytical Graphics, Inc.</a> (AGI) founded Cesium.</p>",
        "billboard" : {
            "image" : "",
            "scale" : 1.5
        },
        "label" : {
            "fillColor" : {
                "rgba" : [255, 255, 255, 255]
            },
            "font" : "12pt Lucida Console",
            "horizontalOrigin" : "LEFT",
            "pixelOffset" : {
                "cartesian2" : [8, 0]
            },
            "style" : "FILL",
            "text" : "AGI",
            "showBackground" : true,
            "backgroundColor" : {
                "rgba" : [112, 89, 57, 200]
            }
        },
        "position" : {
            "cartesian":[
                1216361.4096947117, -4736253.175342511, 4081267.4865667094
            ]
        }
    }];
    viewer.dataSources.add(Cesium.CzmlDataSource.load(czml));

</script>
</body>
</html>